/**
 * 按钮级权限控制
 */
import store from '@/store'
export default {
  // inserted第一次创建的时候,指令所在标签，被插入到真实DOM时触发
  // el->指令所在的标签
  // binding->指令携带的信息
  // 例如: <div v-fofo></div>  el就是div
  // 例如: <div v-fofo="10"></div>  binging.value就是10
  inserted(el, binding) {
    // 从 vuex 中取出 points
    const points = store.state.user.userInfo.roles.points

    // 如果 points 中有 binding.value 则显示该按钮
    // 不存在则移除该按钮
    if (!points.includes(binding.value)) {
      el.parentNode.removeChild(el)
    }
  }
}
